*{
	padding: 0;
	margin: 0;
}
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
}
.pa{
	position: absolute;
	
}
#wrap{
	width: 100%;
	height: 100%;
	background-image: url(../images/pageone/bg.jpg);
	background-size: 100% 100%;
	overflow: hidden;
	position: relative;
}
#wrap img,#wrap span{
	position: absolute;
}
#imgbc{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	animation: scale11 8s ;

}
#span1{
	left: 41.6%;
	top: 33%;
	width: 100%;
	font-size: 1.3em;
	color: white;
	padding-bottom: 2em;
	animation: span1 5s ;
	
}
#span2{
	left: 31%;
	top: 37%;
	width: 100%;
	font-size: 1.3em;
	animation: span2 10s;
	color: white;
}
#imgp1{
	left: 37%;
	top: 10%;
	width: 17.8%;
	animation: scale22 8s ;
}
#imgp2{
	left: 5%;
	top: 20%;
	width: 24.4%;
	animation: scale22 8s ;
}

#imgp3{
	left: 69%;
	top: 20%;
	width: 20.1%;
	animation: scale22 8s ;
}
#imgp4{
	left: 15%;
	top: 43%;
	width: 20.1%;
	animation: scale11 8s ;
}
#imgp5{
	left: 70%;
	top: 43%;
	width: 18.4%;
	animation: scale22 8s ;
}
#imgp6{
	left: 15%;
	top: 58.6%;
	width: 20%;
	animation: scale22 8s ;
}
#imgp7{
	left: 68%;
	top: 59.6%;
	width: 21.6%;
	animation: scale11 8s ;
}
#imgp8{
	left: 39%;
	top: 70.8%;
	width: 19.7%;
	animation: scale22 8s ;
}
#imgtishi{
	left: 33%;
	top: 82%;
	width: 34%;
	opacity: 0;
}
/*下一页按钮*/
#slide{
	position: absolute;
	left: 45%;
	width: 10%;
	bottom:2em;
	animation: slideanimate 1s infinite;
	
}
#slideDiv{
	position: absolute;
	height:8%;
	bottom: 0;
	width: 100%;
}
/*下一页的动画*/		
	@keyframes slideanimate{
			0%{
				
				-webkit-transform: translateY(0);
				
				}
			50%{
					
				-webkit-transform: translateY(1em);
				}
			100%{
					
				-webkit-transform: translateY(0);
				}	
	}

/*span1的平移事件*/
@keyframes span1{
	from{
		
		transform: translateX(-200px);
		opacity: 0;
		
		}
	to{
		transform: translateX(0);
		opacity: 1;
		
		
		}
}
/*span2的显示事件*/
@keyframes span2{
	from{
		opacity: 0;
		
		}
	to{
		transform: translateX(0);
		opacity: 1;
		
		}
}
/*开始的动画*/
@keyframes scale11{
	from{
		-webkit-transform: translateZ(-300%);
		-webkit-transform:scale(0)
		
		
		}
	to{
		-webkit-transform: translateZ(0%);
		-webkit-transform:scale(1)
		
	
		}
}
@keyframes scale22{
	from{
		-webkit-transform: translateZ(-500px);
		
		
		-webkit-transform:scale(0)
		
		
		}
	to{
		-webkit-transform: translateZ(0);
		
		-webkit-transform:scale(1)
		

		}
}
/*-------轮播图属性----*/
.swiper-container{
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 30%;
	width: 100%;
	height: 50%;
	z-index: 10;
	
	
	
}
.swiper-button-prev,.swiper-button-next{
	visibility: hidden;
	
}
/*xx按钮*/

#xback{
	position: absolute;
	visibility: hidden;
	left: 4%;
	top: 7%;
	width: 14%;
	z-index: 10;
	
	
	
	
}

/*---轮播图出来之后 点击x号轮播图的消失动画----*/


/*开始的动画*/
@keyframes scale33{
	from{
		-webkit-transform: translateZ(0);
		-webkit-transform:scale(1)
		
		
		}
	to{
		-webkit-transform: translateZ(-2000px);
		-webkit-transform:scale(0)
		
	
		}
}









